<?php $head_extension = '
    <link href="bootstrap-3.1/css/bootstrap.css" rel="stylesheet" type="text/css">
';
$connecte =true;

include 'includes/header.html.php'; ?>

        <div class="nav">

        <?php include 'includes/menu.html.php'; ?>

            <div class="nav-secondaire">
                <div class="ariane">
                    Accueil > <a href="">panier</a>
                </div>

            </div>

            
        <?php include 'includes/recherche.html.php'; ?>
        </div> <!-- .nav -->

        <div class="content">
            <div class="listpanier">    
                <h3>Votre panier</h3>
                <table class="table table-condensed table-hover">
                            <tr>
                                <td><img src="images/Tomate-150x150.jpg" width="50"></td>
                                <td>Tomates</td>
                                <td><input type="number" id="nbr_produit" name="nbr_produit" min="0" max="50" value="3"></td>
                                <td>2.23&nbsp;€</td>
                                <td><img src="img/bouton_supprimer.png" width="20" title="Supprimer du panier"></td>
                            </tr>
                            <tr>
                                <td><img src="images/chocolat-150x150.jpg" width="50"></td>
                                <td>Chocolat</td>
                                <td><input type="number" id="nbr_produit" name="nbr_produit" min="0" max="50" value="1"></td>
                                <td>1.75&nbsp;€</td>
                                <td><img src="img/bouton_supprimer.png" width="20" title="Supprimer du panier"></td>
                            </tr>
                            <tr>
                                <td><img src="images/crayon-150x150.jpg" width="50"></td>
                                <td>Crayon</td>
                                <td><input type="number" id="nbr_produit" name="nbr_produit" min="0" max="50" value="10"></td>
                                <td>3.45&nbsp;€</td>
                                <td><img src="img/bouton_supprimer.png" width="20" title="Supprimer du panier"></td>
                            </tr>
                            <tr>
                                <td><img src="images/mayonnaise-150x150.jpg" width="50"></td>
                                <td>Mayonnaise</td>
                                <td><input type="number" id="nbr_produit" name="nbr_produit" min="0" max="50" value="2"></td>
                                <td>1.39&nbsp;€</td>
                                <td><img src="img/bouton_supprimer.png" width="20" title="Supprimer du panier"></td>
                            </tr>
                </table>
                <table class="table">
                    <tr>
                          
                        <td style="width:50%;"><a href="accueil.html.php"><button class="bouton-panier">Continuer ses achats</button></a></td>    
                        <td></td>
                        <th>16 articles</th>
                        <th>Total: 8.82&nbsp;€</th>
                        <td><button class="bouton-panier" id="bouton-panier-commander" name="bouton-panier-commander" value="1">Commander</button></td>
                    </tr>
                </table>
            </div>
            <div class="clear"></div>
        </div> <!-- .content -->

    </div> <!-- .container -->
    <div class="footer">
        <p>
            <a href="#">Mentions légales</a>
            <a href="#">Plan du site</a>
        </p>
    </div>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
<script type="text/javascript" src="js/slider.js"></script>

<script type="text/javascript">
    (function($){
        var $div = $('.header-panier div').first();
        $('.header-panier-etendre').click(function(event) {
            event.preventDefault();
            if ($(this).hasClass('ouvert')) {
                $(this).removeClass('ouvert');
                $div.html('<table><tr><td>Tomates</td><td>x 3</td><td>2.23&nbsp;€</td></tr></table>');
            } else {
                $(this).addClass('ouvert');
                $div.html('<table><tr><td>Tomates</td><td>x 3</td><td>2.23&nbsp;€</td></tr>'+
                                                    '<tr><td>Chocolat</td><td>x 1</td><td>1.75&nbsp;€</td></tr>'+
                                                    '<tr><td>Crayon</td><td>x 10</td><td>3.45&nbsp;€</td></tr>'+
                                                    '<tr><td>Mayonnaise</td><td>x 2</td><td>1.39&nbsp;€</td></tr></table>');
            }
        });
    })(jQuery);
</script>

</body>
</html>


